<template>
  <div id="header">
    <h1 style="margin-top: 125px">Skyrim资源平台</h1>
    <p>say some thing</p>
    <el-row type="flex" justify="center">
      <el-col :sm="12" :md="8">
        <el-input placeholder="请输入搜索内容" v-model="search">
          <el-button slot="append" icon="el-icon-search" style="background: #ef7a82; color:#fff;">
            <span class="hidden-sm-and-down" @click="searchContent">搜索</span>
          </el-button>
        </el-input>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      search: ""
    };
  },
  methods: {
    searchContent() {
      alert(this.search);
    }
  }
};
</script>